<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
    <title>详情</title>
    <%@ include file="/WEB-INF/component/commonCSS.jsp"%>
    <style type="text/css">
          @media(max-width:767px){
            .form-group-xs{
            margin-left:0px !important;
            }
        }
         .text-left{
        color:#949494;
        }
        div.box-body {
    		margin-top:7px;
        
    </style>
</head>
<body class="skin-blue sidebar-mini fixed skin-blue-light-frame">
    <section class="content-header">
        <h1>详情</h1>
        <ol class="breadcrumb">
            <li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i>首页</a></li>
            <li class="active"><a href="#">结算单管理</a></li>
            <li class="active"><a href="#">卫生局结算单管理</a></li>
            <li class="active"><a href="#">复审</a></li>
            <li class="active"><a href="#">详情</a></li>
        </ol>
    </section>
    <section class="content">
    <table class="infoBox">
      <tr>
        <td width="150px" class="infoBoxleft">
        <p style="color:#fff;font-size:20px;text-align:center;font-weight:600">详情信息</p>
        </td>
        <td>
        	<form  class="form-horizontal" id="form"  method="post" >
                <div class="box-body" style="background:url('${ctx }/lib/img/infobg.png') no-repeat bottom right;">
                    <div class="form-group form-group-xs"  style="margin-top:0px;">
                    <label for="techPos" class="col-sm-2 text-right">结算单编码：</label>
                        <div class="col-sm-3 text-left">${obj.settlementCode}</div>
                        <label for="techPosCertNo" class="col-sm-2 text-right">结算单名称：</label>
                        <div class="col-sm-3 text-left">${obj.settlementName}</div>
                    </div>
                    
                    <div class="form-group form-group-xs" style="margin-top:-10px">
                     <label for="position" class="col-sm-2 text-right">总条目数：</label>
                        <div class="col-sm-3 text-left">
	                 		   ${obj.totalOrders}
                        </div>
                        <label for="industry" class="col-sm-2 text-right">总金额：</label>
                        <div class="col-sm-3 text-left">
                            ${obj.totalAmountStr}
                        </div>
                    </div>
                   
                   <div class="form-group form-group-xs" style="margin-top:-10px;margin-bottom:-10px;">
                     <label for="industry" class="col-sm-2 text-right">医疗机构备注：</label>
                        <div class="col-sm-9 text-left">
                           ${obj.remarks}
                        </div>
                    </div>
                </div>
             </form>
        </td>
      </tr>
      </table>
       <!-- <div class=" box box-success ">
            <form  class="form-horizontal" id="form"  method="post" >
            	<div class="box-body">
            	
                    <div class="form-group form-group-xs">
                        <label for="techPos" class="col-sm-2 text-right">结算单编码：</label>
                        <div class="col-sm-3 text-left">
                        ${obj.settlementCode}
                        </div>
                        <label for="techPosCertNo" class="col-sm-2 text-right">结算单名称：</label>
                        <div class="col-sm-3 text-left">
			              	  ${obj.settlementName}
                        </div>
                    </div> 
                    
                    <div class="form-group form-group-xs">
                    	<label for="position" class="col-sm-2 text-right">总条目数：</label>
                        <div class="col-sm-3 text-left">
	                 		   ${obj.totalOrders}
                        </div>
                        <label for="industry" class="col-sm-2 text-right">总金额：</label>
                        <div class="col-sm-3 text-left">
                            ${obj.totalAmountStr}
                        </div>
                    </div>
                 
                    <div class="form-group form-group-xs">
                    <label for="industry" class="col-sm-2 text-right">医疗机构备注：</label>
                        <div class="col-sm-3 text-left">
                           ${obj.remarks}
                        </div>
                    </div>
                </div>
            </form>
        </div> -->
        
        <table class="jqgrid" id="gridlist"></table>
        <div id="gridpage"></div>
        
        <div class=" box box-warning bottongroup">
            <a href="toReAuditHospSettleList.html?settlementId=${fatherSettlementId}" class="btn btn-default btn-sm">返  回</a>
        </div>
        
    </section>
    
	<%@ include file="/WEB-INF/component/commonJS.jsp"%>
	
    <script type="text/javascript">
    $(function(){
		$("#gridlist").jqGrid(
				{   url : "getSetSettletdetailinfoList.html?settlementId=${obj.settlementId}",
					mtype : "POST",
					datatype : "json",
					autowidth : true,
                    shrinkToFit: false,
					height : 255,
					colNames : [ '操作','支付明细id','医疗编码','医疗机构','配送企业','药品编码','通用名','采购时间','采购价','采购数量','到货时间','到货数量','结算周期开始时间','结算周期结束时间'],
					colModel : [
								{name : 'operate',index : 'operate',width : 100,sortable:false,align : "center",
									formatter:function(cellvalue, options, row){
									 	return "<a href=\"javascript:$.HN.dialog.opendialog('"+row.transId+"','详情','/medstgmini/settlementFirst/toReAuditSetSettlementDetailInfo.html?fatherSettlementId=${fatherSettlementId}&transId="+row.transId+"&settlementId=${obj.settlementId}','800px','400px')\">详情</a>";
									}
								},
								{name : 'transId',index : '', hidden:true,width :0,sortable:false,align : "center"},
								{name : 'hospCode',index : 'settlementCode', hidden:true, width : 160,sortable:false,align : "center"},
								{name : 'hospName',index : 'settlementName', width : 160,sortable:false,align : "left"},
								{name : 'compName',index : 'heaBurCode', width : 160,sortable:false,align : "left"},
								{name : 'drugCode',index : 'heaBurName', width : 120,sortable:false,align : "center"},
								{name : 'qualityspecName',index : 'areaName', width : 160,sortable:false,align : "left"},
								{name : 'proDatetime',index : 'totalOrders', width : 160,sortable:false,align : "center",
									formatter:function(cellvalue, options, row){
										if(cellvalue == null){
											cellvalue = ""
											return cellvalue;
										}else{
												return new Date(cellvalue).format("yyyy-MM-dd hh:mm:ss");
											}
										}
								},
								{name : 'proPrice',index : 'totalAmount', width : 100,sortable:false,align : "right",
		                        	   formatter:function(cellvalue, options, row){
		                                   return formatAmount(cellvalue, options, row);
		                               }},
								{name : 'proCount',index : 'submitUser', width : 80,sortable:false,align : "right"},									
                                {name : 'recpDatetime',index : 'submitDatetime', width : 160,sortable:false,align : "center",
									formatter:function(cellvalue, options, row){
										if(cellvalue == null){
											cellvalue = ""
											return cellvalue;
										}else{
											return new Date(cellvalue).format("yyyy-MM-dd hh:mm:ss");
										}
									}
								},
                                {name : 'recpCount',index : 'submitDatetime', width : 80,sortable:false,align : "right"},
                                {name : 'settleSchBegTime',index : 'submitDatetime', width : 160,sortable:false,align : "center",
                                	formatter:function(cellvalue, options, row){
										if(cellvalue == null){
											cellvalue = ""
											return cellvalue;
										}else{
											return new Date(cellvalue).format("yyyy-MM-dd hh:mm:ss");
										}
									}
                                },
                                {name : 'settleSchEndTime',index : 'submitDatetime', width : 160,sortable:false,align : "center",
                                	formatter:function(cellvalue, options, row){
										if(cellvalue == null){
											cellvalue = ""
											return cellvalue;
										}else{
											return new Date(cellvalue).format("yyyy-MM-dd hh:mm:ss");
										}
									}
                                }
					],
					rownumbers : true,
					pager : "#gridpage",
					viewrecords : true,
					caption : "支付明细列表",
					jsonReader : {
						repeatitems : false,
						id : "ids"
					}
				});
		
		
		$("#gridlist").jqGrid('navGrid', '#gridpage', {add : false,edit : false,del : false,search : false,refresh : false});
		$(window).trigger("resize");
    });
    
 </script>
</body>
</html>